<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台模板</title>
    <meta name="keywords" content="表格"/>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/font-awesome.css" rel="stylesheet">
    <link href="/css/datatables.min.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li style="margin-left: 80px;margin-top: 30px;">
                    <div class="dropdown profile-element"> <span>
									<img alt="image" class="img-circle"
                                         src="http://www.inspinia.net/img/profile_small.jpg"/>
								</span>

                        <span class="clear"> <span class="block m-t-xs">
										<strong style="color: white;">admin</strong>
									</span>
								</span>


                    </div>

                </li>

                <li>
                    <a href="index.html"><i class="glyphicon glyphicon-asterisk"></i>
                        <span class="nav-label">系统管理</span>
                    </a>

                    <ul class="nav nav-second-level">

                        <li><a href="javascript:openUrl('userInfo.html')"><i
                                class="glyphicon glyphicon-user"></i>用户管理</a></li>
                        <li><a href="dashboard_2.html"><i class="glyphicon glyphicon-minus-sign"></i>角色管理</a></li>
                        <li><a href="dashboard_2.html"><i class="glyphicon glyphicon-inbox"></i>权限管理</a></li>

                    </ul>

                </li>


                <li>
                    <a href="index.html"><i class="glyphicon glyphicon-user"></i>
                        <span class="nav-label">员工管理</span>

                    </a>

                    <ul class="nav nav-second-level">

                        <li><a href="javascript:openUrl('table.html')"><i class="glyphicon glyphicon-tags"></i>员工基本信息维护</a>
                        </li>

                        <li><a href="javascript:openUrl('test.html')"><i class="glyphicon glyphicon-folder-close"></i>员工档案信息管理</a>
                        </li>


                    </ul>

                </li>


                </li>

                <li>
                    <a href="index.html"><i class="glyphicon glyphicon-user"></i>
                        <span class="nav-label">考试模块</span>

                    </a>

                    <ul class="nav nav-second-level">

                        <li><a href="javascript:openUrl('testManager.html')"><i class="glyphicon glyphicon-tags"></i>考试管理</a>
                        </li>

                        <li><a href="javascript:openUrl('examinationOnline.html')"><i
                                class="glyphicon glyphicon-folder-close"></i>在线考试</a></li>
                    </ul>
                </li>
                <li>
                    <a href="index.html"><i class="glyphicon glyphicon-user"></i>
                        <span class="nav-label">YGZ</span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li><a href="javascript:openUrl('./yanguangzhi/onlineExam.html')"><i
                                class="glyphicon glyphicon-tags"></i>模拟考试</a>
                        </li>
                        <li><a href="javascript:openUrl('./yanguangzhi/scoreManage.html')"><i
                                class="glyphicon glyphicon-folder-close"></i>成绩管理</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <div id="page-wrapper" class="gray-bg">

        <div class="row border-bottom">

            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">

                <div class="navbar-header">

                    <div style="position: fixed;top:10px;left:30%;">
                        <!-- 	<button class="btn btn-primary btn-sm">回到首页</button>
                            <button class="btn btn-primary btn-sm">修改密码</button> -->
                        <div style="position: absolute;left:100px;">
                            <button class="btn btn-primary btn-sm">
                                <span class="glyphicon glyphicon-home"></span>
                                回到首页
                            </button>
                        </div>
                        <div style="position: absolute;left:200px;">
                            <button class="btn btn-primary btn-sm" onclick="add()">
                                <span class="glyphicon glyphicon-user"></span>修改密码
                            </button>
                        </div>
                        <div style="position: absolute;left:300px;">
                            <button class="btn btn-primary btn-sm">
                                <span class="glyphicon glyphicon-asterisk"></span>
                                退出系统
                            </button>
                        </div>
                        <div style="position: absolute;left:800px;width: 400px;">
                            <h4>欢迎使用xxx公司的人力资源管理系统</h4>
                        </div>

                    </div>

                </div>
            </nav>

        </div>


        <iframe style="height: 700px;border:  solid 1px white;" scrolling="auto" rameborder="0" src="table.html"
                name="right" width="100%" height="100%">
        </iframe>
    </div>
</div>
</div>
<!-- 模态框开始 -->
<div id="one" class="modal fade" style="top:200px">
    <div class="modal-dialog">

        <div class="modal-content">
            <!--头部-->
            <div class="modal-header">
                <h4 align="center">用户修改</h4>

            </div>
            <!--主题内容-->
            <div class="modal-body">
                <form role="form" class="form-horizontal">
                    <div class="form-group">
                        <label class=" col-sm-2 control-label">姓名</label>
                        <div class=" col-sm-10">
                            <input type="text" class="form-control" id="name" placeholder="请输入姓名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2  control-label">学历</label>
                        <div class=" col-sm-10">
                            <select class="form-control" id="s">
                                <option>本科</option>
                                <option>专科</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>

            <!--底部-->
            <div class="modal-footer">
                <button class="btn btn-primary btn-sm" type="button" onclick="closeWin()"><span
                        class="glyphicon glyphicon-remove"></span>关闭
                </button>
                <button class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-save"></span>保存</button>
            </div>

        </div>
    </div>
</div>
<!-- Mainly scripts -->

<script src="/js/jquery-3.1.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.metisMenu.js"></script>
<script src="/js/jquery.slimscroll.min.js"></script>
<script src="/js/datatables.min.js"></script>
<script src="/js/inspinia.js"></script>
<script src="/js/pace.min.js"></script>
</body>


<script>
    //打开页面
    function openUrl(url) {
        $("iframe").attr("src", url);
    }

    //显示模态框
    function add() {
        $("#one").modal("show")
    }

    //关闭模态框
    function closeWin() {
        $("#one").modal("hide")
    }
</script>
</html>
